import Vue from 'vue'
import router from '@/router/index'
import store from '@/store/index'
import NProgress from 'nprogress' // progress bar
import 'nprogress/nprogress.css' // progress bar style
import { ACCESS_TOKEN, TASK_CODE, SYS_NAME, INDEX_MAIN_PAGE_PATH } from '@/store/mutation-types'
import { generateIndexRouter, getParamByName } from '@/utils/util'
//
NProgress.configure({ showSpinner: false }) // NProgress Configuration

const whiteList = ['/401', '/403', '/404', '/410', '/500', '/501', '/treetable'] // no redirect whitelist
router.beforeEach((to, from, next) => {
  NProgress.start() // start progress bar
  if (Vue.ls.get(SYS_NAME)) {
    document.title = Vue.ls.get(SYS_NAME)
  }
  if (Vue.ls.get(ACCESS_TOKEN)) {
    if (store.getters.permissionList.length === 0) {
      store.dispatch('GetPermissionList').then(res => {
        const menuData = res.menuList
        if (menuData === null || menuData === '' || menuData === undefined) {
          return
        }
        let constRoutes = []
        constRoutes = generateIndexRouter(menuData)
        // 添加主界面路由
        store.dispatch('UpdateAppRouter', { constRoutes }).then(() => {
          // 根据roles权限生成可访问的路由表
          // 动态添加可访问路由表
          router.addRoutes(store.getters.addRouters)
          const redirect = decodeURIComponent(from.query.redirect || to.path)
          if (to.path === redirect) {
            // hack方法 确保addRoutes已完成 ,set the replace: true so the navigation will not leave a history record
            next({ ...to, replace: true })
          } else {
            // 跳转到目的路由
            next({ path: redirect })
          }
        })
      }).catch((e) => {
        console.error(e)
        if (e.retMsg.indexOf('用户中心环境信息不存在')) {
          store.dispatch('Logout').then(() => {
            next({ path: '/410' })
          })
        } else {
          next({ path: '/403', query: { redirect: to.fullPath } })
        }
      })
    } else {
      store.commit('SET_CURRENT_PERMISSION', to.meta.powers)
      next()
    }
  } else {
    if (whiteList.indexOf(to.path) !== -1) {
      // 在免登录白名单，直接进入
      next()
    } else {
      const code = getParamByName('code')
      const token = getParamByName('token')
      const name = decodeURIComponent(getParamByName('name'))
      if (code && token) {
        Vue.ls.set(TASK_CODE, code)
        Vue.ls.set(ACCESS_TOKEN, token)
        Vue.ls.set(SYS_NAME, name)
        next({ path: INDEX_MAIN_PAGE_PATH })
      } else {
        next({ path: '/401' })
      }
      NProgress.done() // if current page is login will not trigger afterEach hook, so manually handle it
    }
  }
})

router.afterEach(() => {
  NProgress.done() // finish progress bar
})
